<div style="margin-top:30px;" v-if="status">

	<!-- 掉线警告 -->
	<a-alert v-if="!status.connect" message="警告" description="屏幕掉线啦！！！"
		type="warning" showIcon style="margin-bottom:15px;"
	></a-alert>

	<a-card style="margin-top:30px;">
		<p>
			<b>着色动画开关</b>：
		</p>
		<a-row v-if="status" style="margin-top:30px;">
			<a-button type="primary" @click="onPlay()">播放</a-button>
			<a-button @click="onPause()">暂停</a-button>
		</a-row>
	</a-card>

	<a-card style="margin-top:30px;">
		<p>
			<b>编辑着色动画</b>：
			<i>编辑动画速度，部分动画能够控制视角。</i>
		</p>
		<a-form :label-col="{ span: 4 }" :wrapper-col="{ span: 16 }">
			<a-form-item label="速度">
				<a-slider style="margin-top: 12px;" @afterChange="afterSetSpeed()" v-model="speed" :min="-10" :max="10" :step="0.1" />
			</a-form-item>
			<a-form-item label="视角">
				<i>当前还无法调整</i>
			</a-form-item>
		</a-form>
	</a-card>
	
</div>




